import { myFavouriteSet } from "../config/myFavourite"
import TikoCard from "../component/TikoCard"
import { Empty } from "antd"
export default function favourite():JSX.Element {
  return (<div style={
    {
      display:"flex",
      flexDirection:"column",
      justifyContent:"center",
      alignItems:"center",
      width:"80%",
      height:"100vh",
    }
  }>
    {(myFavouriteSet.size===0)? <Empty/>
    :<div className="TikoCardBox">
      {[...myFavouriteSet].map((v)=><TikoCard hitokoto={v}/>)}
    </div>}
    </div>
  )
}
